﻿@charset "utf-8";
@import url("../css/common/grid.css");/*网格*/
@import url("../css/common/layout.css");/*整体框架*/
@import url("../css/common/icon.css");/*图标*/
@import url("../css/navi/navi_02.css");/*02导航*/
@import url("../css/banner.css");/*幻灯片*/
@import url("../css/navi/classify_01.css");/*侧栏样式*/
@import url("../css/adorner/01/A_style.css");/*01装饰器*/
@import url("../css/adorner/02/A_style.css");/*02装饰器*/
@import url("../css/links.css");/*友情链接*/
@import url("../css/kefu.css");/*在线客服*/
@import url("../css/common/doc.css");/*自定义文档*/

a:hover{ text-decoration:none;}

.header_bg{ background:url(../img/header_bg.jpg) center no-repeat; height:143px;}
.header_left{ width:600px;}
.header_left p{ color:#FFF; line-height:40px;}
.header_links span{ color:#FFF;}
.header_links a img{ position:relative; top:5px;}
.logo{ padding-left:50px; z-index:9999; position:relative; padding-top:20px;}
.logo a img{display:block;width:100%}
.container > header {margin: 0 auto;padding: 2em;}
.container > header {text-align: center;background: rgba(0,0,0,0.01);}
.container > header h1 {font-size: 2.625em;line-height: 1.3;margin: 0;font-weight: 300;}
.container > header span {display: block;font-size: 60%;color: #e67e22;padding: 0 0 0.6em 0.1em;}
/* Main Content */
.column {float: left;width: 60%;padding: 0 2em;position: relative;}
.column:nth-child(2) {box-shadow: -1px 0 0 rgba(0,0,0,0.1);}
.column p {font-weight: 300;font-size: 2em;padding: 0;margin: 0;text-align: right;line-height: 1.5;}
.column a {border: 3px solid #b4c7da;padding: 0 15px;display: inline-block;margin: 20px 0;}
.column a:hover {border-color: #fff;}
/* To Navigation Style */
.codrops-top {background: #566472;background: rgba(255, 255, 255, 0.2);text-transform: uppercase;width: 100%;font-size: 0.69em;line-height: 2.2;}
.codrops-top a {padding: 0 1em;letter-spacing: 0.1em;color: #fff;display: inline-block;}
.codrops-top a:hover {background: rgba(255,255,255,0.8);color: #2c3e50;}
.codrops-top span.right {float: right;}
.codrops-top span.right a {float: left;display: block;}
.codrops-icon:before {font-family: 'codropsicons';margin: 0 4px;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;}
.codrops-icon-drop:before {content: "\e001";}
.codrops-icon-prev:before {content: "\e004";}
@media screen and (max-width: 46.0625em) {
	.column {width: 100%;min-width: auto;min-height: auto;padding: 1em; }
	.column p {text-align: left;font-size: 1.5em;}
	.column:nth-child(2) {box-shadow: 0 -1px 0 rgba(0,0,0,0.1);}
}

@media screen and (max-width: 25em) {

	.codrops-icon span {display: none;}

}

.sb-search {position: relative;width: 0%;min-width: 45px;height: 43px;float: right;overflow: hidden;-webkit-transition: width 0.3s;-moz-transition: width 0.3s;transition: width 0.3s;-webkit-backface-visibility: hidden;}
.sb-search-input {position: absolute;top: 0;right: 0;border: none;outline: none;background: #fff;width: 100%;height: 43px;margin: 0;z-index: 10;font-family: inherit;font-size: 20px;color: #2c3e50;}
.sb-search-input::-webkit-input-placeholder {color: #efb480;}
.sb-search-input:-moz-placeholder {color: #efb480;}
.sb-search-input::-moz-placeholder {color: #efb480;}
.sb-search-input:-ms-input-placeholder {color: #efb480;}
.sb-icon-search, .sb-search-submit  {width: 45px; height:43px; display: block;position: absolute;right: 0;top: 0;padding: 0;margin: 0;line-height: 43px;text-align: center;cursor: pointer;}
.sb-search-submit {background: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */filter: alpha(opacity=0); /* IE 5-7 */opacity: 0;color: transparent;border: none;outline: none;z-index: -1;}
.sb-icon-search {background: #000000;z-index: 90;}
.sb-icon-search img{ margin-top:10px;}
/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {width: 100%;}
.sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {background: #000000;color: #fff;z-index: 11;}
.sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit {z-index: 90;}

.index_xl{ width:981px; margin:0 auto; margin-top:-220px; position:relative;}
.index_xl dl{ padding-top:20px; display:block; width:327px; height:140px; float: left; -webkit-transition: all 0.4 linear -1ms; -moz-transition: all 0.4s linear -1ms; -ms-transition: all 0.4s linear -1ms; -o-transition: all 0.4s linear -1ms; transition: all 0.4s linear -1ms; margin-top: 0px;}
.index_xl dl:hover{ margin-top:-10px; cursor:pointer; -webkit-transition: all 0.4s linear -1ms; -moz-transition: all 0.4s linear -1ms; -ms-transition: all 0.44s linear -1ms; -o-transition: all 0.4s linear -1ms; transition: all 0.4s linear -1ms; margin-top: -10px;}
.index_xl .dl_1{
	background: url(../img/xilie_1.jpg) no-repeat;
	width: 327px;
	height: 140px;
	position: relative;
}
.index_xl .dl_2{
	background: url(../img/xilie_2.jpg) no-repeat;
	width: 327px;
	height: 140px;
	position: relative;
}
.index_xl .dl_3{
	background: url(../img/xilie_3.jpg) no-repeat;
	width: 327px;
	height: 140px;
	position: relative;
}
.index_xl dt a{
	font-size: 16px;
	color: #FFF;
	display: block;
	height: 140px;
	
}
.index_xl dd{ line-height:25px; padding-top:10px;}
.index_xl dt{
	text-align: left;
	color: #FFF;
	width: 280px;
	margin-left:15px;
	z-index: 9999;

}
.index_xl dd{
	text-align: left;
	color: #FFF;
	width: 280px;
	position: absolute;
	left: 15px;
	top: 50px;
}


/* slide-holder */
.index_case{ width:595px;height:465px; float:left; margin-top:50px;}
div#slide-holder{width:595px;height:465px;margin:0 auto;position:relative;}
div#slide-holder div#slide-runner{width:595px;height:465px;overflow:hidden;position:absolute;}
div#slide-holder img{width:595px;height:465px;margin:0;display:none;position:absolute;}
div#slide-holder div#slide-controls{left:0;bottom:0px;width:595px;height:46px;display:none;position:absolute;background:url(../img/slide-bg.png) 0 0;}
div#slide-holder div#slide-controls p.text{float:left;color:#fff;display:inline;font-size:14px;line-height:16px; margin-top:14px; position:relative; left:20px; text-transform:uppercase;}
div#slide-holder div#slide-controls p#slide-nav{float:right;height:12px;display:inline;margin:16px 15px 0 0;}
div#slide-holder div#slide-controls p#slide-nav a{float:left;width:12px;height:12px;display:inline;font-size:0px;margin:0 5px 0 0;line-height:24px;font-weight:bold;text-align:center;text-decoration:none;background-position:0 0;background-repeat:no-repeat;}
div#slide-holder div#slide-controls p#slide-nav a.on{background-position:0 -12px; color:#FFF;}
div#slide-holder div#slide-controls p#slide-nav a{background-image:url(../img/silde-nav.png);}

.index_news{ width:295px; height:225px; background:#c21a1a; margin-top:50px; margin-left:10px;}
.index_news h3{ font-size:24px; color:#FFF; padding:20px 15px;}
.index_news ul li{ line-height:25px; margin-left:15px;}
.index_news ul li a{ color:#FFF;}
.index_news ul li a:hover{ font-weight:bold;}
.index_news .btn{ padding:25px 15px; -webkit-transition: all 0.4 linear -1ms; -moz-transition: all 0.4s linear -1ms; -ms-transition: all 0.4s linear -1ms; -o-transition: all 0.4s linear -1ms; transition: all 0.4s linear -1ms; margin-top: 0px;}
.index_news .btn a{ color:#FFF; border:1px solid #FFF; padding:8px 30px;}
.index_news .btn:hover{ cursor:pointer; -webkit-transition: all 0.4s linear -1ms; -moz-transition: all 0.4s linear -1ms; -ms-transition: all 0.44s linear -1ms; -o-transition: all 0.4s linear -1ms; transition: all 0.4s linear -1ms; margin-top: -5px;}

.index_video{ margin-left:10px; margin-top:15px;}

.index_innor{ float:right; background:url(../img/ry_bg.jpg) no-repeat; width:290px; height:465px; margin-top:50px;}
.index_innor h3{ font-size:24px; color:#FFF; padding:20px 15px;}
.index_innor ul li{ line-height:25px; margin-left:15px;}
.index_innor ul li a{ color:#FFF;}
.index_innor ul li a:hover{ font-weight:bold;}
.index_innor .btn{ padding:25px 15px; -webkit-transition: all 0.4 linear -1ms; -moz-transition: all 0.4s linear -1ms; -ms-transition: all 0.4s linear -1ms; -o-transition: all 0.4s linear -1ms; transition: all 0.4s linear -1ms; margin-top: 0px;}
.index_innor .btn a{ color:#FFF; background:#c21a1a; padding:8px 30px;}
.index_innor .btn:hover{ cursor:pointer; -webkit-transition: all 0.4s linear -1ms; -moz-transition: all 0.4s linear -1ms; -ms-transition: all 0.44s linear -1ms; -o-transition: all 0.4s linear -1ms; transition: all 0.4s linear -1ms; margin-top: -5px;}

.index_link ul li{ float:left; width:190px; height:115px; border:1px solid #efeded; margin-right:9px;}
.index_link ul li:hover{ -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px;behavior: url(/PIE.htc);}
.index_link ul li a img{ margin:0 auto; width:156px; display:block; padding-top:15px;}
.index_link ul .last{ margin-right:auto;}

.footer_bg{ margin-top:40px; background:url(../img/footer_bg.jpg) center no-repeat; height:212px;}
.footer{ padding-top:15px;}
.footer .copy { padding-bottom:0px;}
.index_contact img{
	position: relative;
	top: 4px;
	margin-right: 3px;
}
.index_contact p{ color:#7c8a9b; line-height:32px; position:relative; left:20px;}

.footer_fx{ margin-top:10px;}
.footer_fx .bshare-custom a {background-repeat: no-repeat; background-position: center center; height: 25px; width: 25px; margin-right: 2px; margin-left: 2px; padding: 0px;}
.footer_fx .bshare-custom span{ color:#7c8a9b;}
.footer_fx .bshare-custom .bshare-sinaminiblog{ background-image:url(../img/ico_10.png);}
.footer_fx .bshare-custom .bshare-qqmb{ background:url(../img/ico_11.png);}
.footer_fx .bshare-custom .bshare-weixin{ background:url(../img/ico_12.png);}
.footer_fx .bshare-custom .bshare-qzone{ background:url(../img/ico_13.png);}

.copy_right{ margin-top:0px;}
.footer_navi{ width:150px; float:right; margin-bottom:20px;}
.footer_navi ul li{ float:left; line-height:30px;}
.footer_navi ul li a{ color:#7c8a9b;}
.footer_navi ul li a:hover{ color:#eee;}

.footer_copyright, .footer_copyright a{ color:#7c8a9b;}
.footer_copyright p{ color:#7c8a9b;}
.footer_copyright a:hover{ color:#eee;}

.public_2col{ width:1200px; overflow:hidden; background:#fff; margin-top:-60px;}

.pic_info_content ul li{ line-height:35px !important;}

.fwcx {position: fixed; left: 0; bottom: 70px; z-index: 9;}



.pro_info .title  a{
	font-size:14px;
	}
.pro_info .title a:hover{
	color:#DC0109;
	}
.pro_info .number {
	color:#aaa;
	}
.pro_info .number span{
	color:#aaa;
	} 

.ind_news_title a{
	font-size:14px;
	}

.ind_news_list li h4 a{
	font-size:14px;
	}



.products_list li .pic a{
	padding: 4px;
	border: 1px solid #ddd;
	display:block;
	width:200px;
	height:150px;
	overflow: hidden;
	}
.products_list li .pic a img{
	padding:0;
	height:150px;
	-webkit-transition: all 0.4s linear -1ms;
	-moz-transition: all 0.45s linear -1ms;
	-ms-transition: all 0.4s linear -1ms;
	-o-transition: all 0.4s linear -1ms;
	transition: all 0.4s linear -1ms;
	display: block;
	overflow: hidden;
	}	
.products_list li .pic a:hover img{
	-webkit-transition: all 0.4s linear -1ms;
	-moz-transition: all 0.45s linear -1ms;
	-ms-transition: all 0.4s linear -1ms;
	-o-transition: all 0.4s linear -1ms;
	transition: all 0.4s linear -1ms;
	transform: scale(1.1);
	-ms-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	overflow:hidden;
	z-index:999;
	}	
	
	
/*业绩css*/	
.achievement{
	width:890px;
	height:auto;
	}
.achievement .biaoti{
	background: #00266d none repeat scroll 0 0;
    color: #fff;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
	}
.achievement .biaoti td{
	border: 1px solid #ddd;
	font-size:14px;
	padding:0;
	background:none;
	color: #fff !important;
	}
.achievement td{
	border: 1px solid #ddd;
	height: auto;
	font-size: 12px;
	text-align: center;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	width:13%;
	}


.fix-div {
    position: fixed;
    top: 0px;
    _position: fixed;
    width: 890px;
    z-index: 999;
    background-color: #fff;
}
.fix-div td{
	width:11% !important;
	}

































































	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	